<template>
  <div class="layout">
    <nav-bar-view></nav-bar-view>
    <div class="layout-right">
      <header-view></header-view>
      <main-view></main-view>
    </div>
  </div>
</template>

<script>
import NavBarView from "@/components/login/NavBarView.vue";
import MainView from "@/components/login/MainView.vue";
import HeaderView from "@/components/login/HeaderView.vue"
export default {
  name: 'HomeViews',
  components: {
    NavBarView,
    MainView,
    HeaderView
  },
}
</script>


<style lang="less" scoped>
    .layout{
      display: flex;//弹性布局
      width: 100%;
      height: 100%;
      .layout-right{
        width: 100%;
        height: 100%;
      }
    }
</style>
